<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta charset="UTF-8" />
    <title>XueXi Options</title>
    <link rel="stylesheet" href="../css/options.css" type="text/css" />
    <script src="../libs/jquery.js" type="text/javascript"></script>
    <script src="../js/options.js" type="text/javascript"></script>
</head>

<body>
    <table id="optionsTable">
        <tr>
            <td>
                <div id="header">
                    <table>
                        <tr>
                            <td style="width:100%">
                                <img src="../img/icon/icon_128x128.png" width="50" class="title" alt="xuexi" />
                                <span class="title">XueXi Options</span>
                                <a id="showUpgradePopup" style="float: right;">
                                    <span>选项升级</span>
                                    <img src="../img/omega-64.png" title="选项升级" />
                                </a>
                            </td>
                            <td>
                            </td>
                        </tr>
                    </table>
                </div>
            </td>
        </tr>

        <tr style="height:100%">
            <td style="vertical-align:top">
                <div id="body">

                    <div id="tabRulesBody" class="tab" style="display:block;">

                        <div id="switchRules">
                            <table id="configListTable" class="rulesTable">
                                <tr class="tableHeader">
                                    <th style="width:10%">
                                        <span>学习顺序</span>
                                    </th>
                                    <th style="width:25%">
                                        <span>学习项目</span>
                                    </th>
                                    <th style="width:25%">
                                        <span>是否学习</span>
                                    </th>
                                    <th style="width:20%">
                                        <span>学习时长</span>
                                    </th>
                                    <th style="width:20%">
                                        <span>答题顺序</span>
                                    </th>
                                </tr>
                            </table>

                            <div style="text-align:right;">
                                <hr>
                                <button class="button" id="saveLearningConfig">
                                    保存
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </td>
        </tr>
    </table>
</body>

</html>